<template>
  <!-- 总价 -->
  <div class="submit">
    <van-submit-bar
      :price="$store.getters.getPerces"
      button-text="提交订单"
      class="submitBox"
    >
      <van-checkbox
        v-model="$store.state.allChecked"
        checked-color="#ee0a24"
        @click="allChecked"
        >{{ $store.state.content }}</van-checkbox
      >
    </van-submit-bar>
  </div>
</template>

<script>
export default {
  data() {
    return {
      radio: "0",
    };
  },
  methods: {
    // 全选框点击事件
    allChecked() {
      this.$store.commit("allCheckedEle");
    },
  },
};
</script>

<style lang="scss" scoped>
.submit {
  display: flex;
  align-items: center;
  width: 100%;
  height: 50px;
  padding: 0 16px;
  background-color: #fff;
  box-sizing: border-box;

  .submitBox {
    position: fixed;
    bottom: 55px;
    z-index: 10;
  }
}
</style>
